<%--
  Created by IntelliJ IDEA.
  User: Shinelon
  Date: 2018-07-25
  Time: 8:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery-3.2.1.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css"/>

<link rel="stylesheet" href="${pageContext.request.contextPath}/static/table/bootstrap-table.min.css"/>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/table/bootstrap-table.min.js"></script>
<script type="text/javascript"
        src="${pageContext.request.contextPath}/static/table/locale/bootstrap-table-zh-CN.min.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css"/>
<%--<script src="../../static/laydate/laydate.js" />--%>

<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/tongyong.css"/>


<link rel="stylesheet" href="${pageContext.request.contextPath}/static/easyui/easyui.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/demo.css">

<script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui/jquery.easyui.min.js"></script>


<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/AmazeUI/css/amazeui.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/AmazeUI/js/amazeui.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/ruzhu.js"></script>

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/sweetalert/sweetalert.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/sweetalert/sweetalert.min.js"></script>


<html>
<head>
    <title>Title</title>
</head>
<body>
<div id="da">
    <div id="zuo">

        <ul id="tt" class="easyui-tree" data-options="url:'${pageContext.request.contextPath}/sale/tree',method:'get',animate:true"></ul>
    </div>
    <div id="you">

        <form class="form-inline">
            <%--按时间查询--%>
            <%--请选择时间范围：--%>
            <%--<div class="layui-input-inline">--%>
                <%--<input type="text" class="layui-input form-control" id="test6" placeholder=" ~ ">--%>
            <%--</div>--%>
            &nbsp;
                房屋状态：
                        <select id="typexuan" name="interest" class="form-control">
                            <option value="-1">请选择</option>
                            <option value="1">空闲</option>
                            <option value="2">已售</option>
                        </select>
            &nbsp;
            <%--按供货商查询--%>
            门牌编号:
                <%--<input id="firstDate" type="text" class="form-control">--%>
                <select id="men" data-am-selected="{searchBox: 1}" data-am-selected="{maxHeight: 100}">
                    <option value="-1">请选择</option>

                </select>
                <button onclick="search()" type="button" class="btn btn-default">查询</button>
        </form>

        <table id="table"></table>

    </div>
</div>


<!--双击添加-->
<!-- Modal -->

<div class="am-modal am-modal-no-btn" tabindex="-1" id="your-modal">
    <div class="am-modal-dialog" style="width: 600px;height: 465px;">
        <div class="am-modal-hd"><h2>房屋信息</h2>
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div style="width: 100%;height: 140px; text-align: left" id="shang">
                &nbsp;&nbsp;基本信息：<br>
                <%--上--%>
                <div style="display:inline-block; margin-left: -23px; width:387px;" class="jdzuo">
                    <ul>
                        <li style="font-size: 18px;list-style:none;"><span style="font-weight:bold">房屋信息:</span>&emsp;<span id="xx">1</span></li>
                        <li style="font-size: 18px;list-style:none;"><span style="font-weight:bold">当前状态:</span>&emsp;<span id="type1">2</span></li>
                        <li style="font-size: 18px;list-style:none;"><span style="font-weight:bold">房屋户型:</span>&emsp;<span id="huxing">3</span></li>

                    </ul>

                </div>
                <div style="margin-left:-28px;display:inline-block; width:230px;" class="jdyou">
                    <ul style="width:290px;">
                        <li style="font-size: 18px;list-style:none;"><span style="font-weight:bold">房屋朝向:</span>&emsp;<span id="chaoxiang">4</span></li>
                        <li style="font-size: 18px;list-style:none;"><span style="font-weight:bold">房屋面积:</span>&emsp;<span id="mianji">1</span></li>
                        <li style="font-size: 18px;list-style:none;">　</li>
                        <%--<li style="font-size: 18px;list-style:none;">　</li>--%>
                    </ul>
                </div>
            </div>
            <%--下--%>
            <div style="width: 100%;height: 200px; text-align: left" id="shang">
                <input type="hidden" id="yin">
                <input type="hidden" id="yin2">
                &nbsp;&nbsp;<span style="text-align: left;">合同信息：</span><br>
                    <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    合同编号:
                        <div style="width: 180px;display: inline-block">
                            <input type="text" class="form-control" id="name" disabled placeholder="请输入合同编号">
                        </div>
                    </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    合同金额:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control" id="money" disabled placeholder="请输入合同金额">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    合同日期:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control layui-input" disabled id="date" placeholder="yyyy-MM-dd">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    使用状态:
                    <div style="width: 180px;display: inline-block">
                        <select disabled id="xuan" class="form-control">
                            <option value="1">自用</option>
                            <option value="2">转租</option>
                            <option value="3">空闲</option>
                        </select>
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    身份证号:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control" disabled id="sfz" placeholder="请输入身份证号码">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    业主名称:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control" disabled id="uname" placeholder="请输入业主名称">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    联系电话:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control" disabled id="phone" placeholder="请输入联系电话">
                    </div>
                </div>
                <div style="padding-bottom: 5px;padding-right: 5px;display: inline-block"> &nbsp;&nbsp;
                    备&emsp;&emsp;注:
                    <div style="width: 180px;display: inline-block">
                        <input type="text" class="form-control" disabled id="remark" placeholder="请输入备注">
                    </div>
                </div>
            </div>
            <input type="hidden" id="yin5">
            <div class="modal-footer">
                <button type="button" id="ddd" onclick="ti1()" class="btn btn-primary">入住</button>
            </div>

        </div>
    </div>
</div>

















</body>
<script type="text/javascript">

    $(function(){
        $.post("${pageContext.request.contextPath}/house/menpai",function (releset) {
            var e=releset;
            $(e).each(function (i,e) {
                $('#men').append('<option value='+e.doornumber+' >'+e.doornumber+'</option>');
            })
        })
    })


    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#test6'
            ,range: true//指定元素
        });
        laydate.render({
            elem: '#date'
        });
    });





</script>
</html>
